@import 'color.less';
body{
   background:#cb86e6;
   background-size: 100%; 
}
//弹窗图片
.alertbody{
    img{
        width: 100%;
    }
}
.ishelp{
    p{
        line-height: 30px;
        text-align: center;
        color: #fff;
    }
    span{
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 30px;
        line-height: 30px;
        width: 4em;
        vertical-align: top;
        color: #7e5493;
        padding: 0 0.5em;
        font-weight: bold;
    }
}
.rewardbox{
    margin: 10px 4%;
    height: auto;
    img{
        width: 100%;
    }
}
//渐变背景
.linearbg{
    background:#cdace8; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top,#ec8bcd, #cb86e6);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ec8bcd), to(#cb86e6));  
    background:-o-linear-gradient(top, #ec8bcd, #cb86e6); 
    height: auto;
    padding-bottom: 20px;
    div{
        z-index: 10;
    }
}
.bannerbox{
    img{
        width: 92%;
        margin:0 4%;
        margin-top: 40px;
    }
}
//用户信息
.userbox{
    margin: 40px 4% 10px;
    height: auto;
    position: relative;
    img{
        width: 100%;
        max-width: 100%;
    }
    .userimg{
        position: absolute;
        left: 50%;
        top: 0;
        width: 60px;
        height: 60px;
        margin-left: -30px;
        margin-top: -24px;
        img{
            width: 60px;
            height: 60px;
            border-radius: 30px;
        }
        .username{
            display: block;
            position: absolute;
            left: 50%;
            bottom: -30px;
            height: 20px;
            width: 6em;
            margin-left: -3em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
        }
    }
    .votenum{
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        height: 30px;
        color: #f15c54;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        i{
            font-style: normal;
        }
    }
}
//邀请按钮
.btnbox{
    margin: 10px 4% 10px;
    height: auto;
    position: relative;
    img{
        width: 100%;
        max-width: 100%;
    }
    a{
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top:0;
        left: 0;
        z-index: 100;
    }
}
//助力规则
.rulebox{
    margin: 10px 4% 10px;
    height: auto;
//  background: rgba(255, 255, 255, 0.2);
    padding: 10px;
    border-radius: 8px;
    h3{
        color: #fff;
        font-size: 16px;
        line-height: 36px;
        font-weight: normal;
        text-align: center;
        position:relative;
        margin-bottom: 20px;
    }
    h3:before{
        content: "";
    display: block;
    width: 80px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -1px;
    }
    h3:after{
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -1px;
    }
    p{
        font-size: 14px;
        color: #fff;
        padding-left: 2em;
        text-indent: -1.6em;
    }
}
